<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>评论详情</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link rel="stylesheet" type="text/css" href="../css/Mycomments.css">
  <link href="../img/1-t.png" rel="SHORTCUT ICON" />
	<link rel="stylesheet" type="text/css" href="../css/city1.css">
</head>
<body>
	<nav class="clearfix">
        <div class="nav clearfix">
            <a class="logo fl" href="./shouye.html">
                <img src="../img/1-logo-white.3de707b4.png" alt="">
            </a>
            <div class="city-name fl" style="color:#fff;margin-left:20px;font-size:14px;width: 50px;background:  url(../img/1-arr-down.9f1dbfdd.png) no-repeat right center;">上海</div>
            <ul class="lei fl">
                <!-- <li class="fl"><a href="javascript:;">首页</a></li> -->
                <li class="ashow fl"><a href="javascript:;">全部演出</a>
                    <div class="submenu">
                        <ul class="allshow">
                            <li>
                                <a href="javascript:;">演唱会</a>
                            </li>
                            <li>
                                <a href="javascript:;">话剧歌剧</a>
                            </li>
                            <li>
                                <a href="javascript:;">休闲展览</a>
                            </li>
                            <li>
                                <a href="javascript:;">体育赛事</a>
                            </li>
                            <li>
                                <a href="javascript:;">音乐会</a>
                            </li>
                            <li>
                                <a href="javascript:;">儿童亲子</a>
                            </li>
                            <li>
                                <a href="javascript:;">舞蹈芭蕾</a>
                            </li>
                            <li>
                                <a href="javascript:;">戏曲综艺</a>
                            </li>
                        </ul>
                    </div>
                    
                </li>
                <li class="fl"><a href="javascript:;">发现</a></li>
                <li class="fl"><a href="javascript:;">十分现场</a></li>
            </ul>
            <div class="search fl">
                <input class="fl" type="text" placeholder="搜索演出、明星、场馆">
                <img src="../img/1-icon-search.c1ea7e12.png" alt="搜索" style="margin-bottom:5px;">
            </div>
            <div class="right fr">
                <a class="fl" href="javascript:;">登录</a>
                <span class="fl">|</span>
                <div class="app fl">手机票牛
                    <div class="submenu1">
                        <ul class="appshow">
                            <li class="clearfix">
                                <img  class="img1 fl" src="../img/1-qr-app.a2c8e636.png" width="84px" >
                                <div class="text fr"> 
                                    <div class="title">票牛APP</div>
                                    <div class="desc">热门票随时抢<br>折扣票随时买</div>
                                </div>
                            </li>
                            <li class="clearfix">
                                <div class="img2 fl"><img src="../img/1-qr-wechat.eceb0fc5.png"  height="84px"></div>
                                
                                <div class="text fr">
                                    <p class="title1">微信订阅号</p>
                                    <p class="desc">精彩剧评最新<br>活动随时看</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </nav>
	<div class="cont">
		<div class="content">
			<div class="left">
				<div class="route">
				<span style="font-size:12px;">票牛首页>西安休闲展览>【小橙堡】《印象莫奈：时光印记艺术展》3.0西安站>全部评论><a href="javascript:;" style="font-size:12px;">评论详情</a></span>
				</div>
				<div class="left_C">
					<div class="left_T">
						<div class="left_T_l">
							<ul>
								<li class="tx"></li>
								<li>用户151****0705-8BrTh</li>
								<li class="xs">新手</li>
								<li class="xx"></li>
							</ul>
							<p class="rq">2018-12-15</p>
						</div>
						<div class="Gn">
							<ul>
								<li class="hf">回复</li>
								<li class="z">赞</li>
								<li class="bj">编辑</li>
							</ul>
						</div>
					</div>
					<div class="left_Cc">
						<input type="text" name="" placeholder="写下你的评论...">
							<div style="width: 600px;">
								<button class="fr">回复</button>
							</div>
					</div>
				</div>
			</div>
			<div class="right1">
				
				<div class="cont_top">
					<h3><a href="">【小橙堡】《印象莫奈：时光印记艺术展》3.0西安站</a></h3>
					<p class="num_x">
						<span>
							<strong>0.</strong>
							<i>0</i>
							<img src="../img/1-star-empty.ebc71406.png">
							<img src="../img/1-star-empty.ebc71406.png">
							<img src="../img/1-star-empty.ebc71406.png">
							<img src="../img/1-star-empty.ebc71406.png">
							<img src="../img/1-star-empty.ebc71406.png">
						</span>
					</p>
					<div class="list">
						<a href=""><img src="../img/1-243d6c6f7d30ee5c61c0f1bd77634e3e570e3f82.jpg"></a>
						<div class="lisr_r">
							<p class="list_text"><a href="">西安大悦城</a></p>
							<p class="list_text"><a href="">2018.12.16 - 2019.01.16</a></p>
							<div class="list_bottom">
								<p class="blk_blue"><a href="">售票中</a></p>
								<p class="price">￥<strong>39</strong><span>起</span></p>
							</div>
						</div>
					</div>
				</div>
				<div class="cont_buttom">
					<div>
						<a href=""><img src="../img/1-qr-app.a2c8e636.png"></a>
					</div>
					<div>
						<h4><a href="#">票牛APP</a></h4>
						<p><a href="#">热门票随时抢<br>折扣票随时买</a></p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 尾部 -->
    <div class="db" style="color:#919496;">
            
        <p style="color:#919496;font-size:12px">上海颂品网络科技有限公司 Copyright (c) 2015年 Songpin. All rights reserved. <a href="http://www.miitbeian.gov.cn/" target="_black" class="aa">| 沪ICP备14000399号-2</a></p>
        <div class="db1">
            <p><img src="../img/1-j.jpg" alt=""><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010602001682" target="_black" class="aa">沪公网安备31010602001682号</a></p>
            <span><img src="../img/1-j2.jpg" alt=""><a href="http://www.sgs.gov.cn/lz/licenseLink.do?method=licenceView&entyId=2016050618242638" class="aa">上海工商</a></span>
        </div>
    </div>  

     <!-- 上海 -->
    <div>
    <!-- <div class="city-name">上海</div> -->
    
        <div class="citylist">
              <div class="top-rows">
                <div class="row">
                  <div class="title">当前城市：</div>
                      <ul>
                        <li class="selected" data-name="shanghai">上海</li>
                      </ul>
                </div>
                <div class="row">
                  <div class="title">热门城市：</div>
                  <ul class="asdf">
                    <li class="city-item" data-name="shanghai">上海</li>
                    <li class="city-item" data-name="beijing">北京</li>
                    <li class="city-item" data-name="guangzhou">广州</li>
                    <li class="city-item" data-name="shenzhen">深圳</li>
                    <li class="city-item" data-name="chengdu">成都</li>
                    <li class="city-item" data-name="chongqing">重庆</li>
                    <li class="city-item" data-name="tianjin">天津</li>
                    <li class="city-item" data-name="hangzhou">杭州</li>
                    <li class="city-item" data-name="nanjing">南京</li>
                    <li class="city-item" data-name="wuhan">武汉</li>
                    <li class="city-item" data-name="xian">西安</li>
                    <li class="city-item" data-name="changsha">长沙</li>
                    <li class="city-item" data-name="kunming">昆明</li>
                  </ul>
                </div>
              </div>
              <div class="city-indexes">
                <div class="title">按字母查找</div>
                <ul class="hot-city-capitcals">
                  <li class="cap" id="a">A</li><li class="cap" id="b">B</li><li class="cap" id="c">C</li><li class="cap" id="d">D</li><li class="cap" id="f">F</li><li class="cap" id="g">G</li><li class="cap" id="h">H</li><li class="cap" id="j">J</li><li class="cap" id="k">K</li><li class="cap" id="l">L</li><li class="cap" id="m">M</li><li class="cap" id="n">N</li><li class="cap" id="p">P</li><li class="cap" id="q">Q</li><li class="cap" id="r">R</li><li class="cap" id="s">S</li><li class="cap" id="t">T</li><li class="cap" id="w">W</li><li class="cap" id="x">X</li><li class="cap" id="y">Y</li><li class="cap" id="z">Z</li>
                </ul>
              </div>
              <div class="hot-cities">
                <ul>
                  <li data-capital="A" id="A">
                      <div class="capital">A</div>
                      <ul class="items">
                        <div class="item city-item" data-name="anshun">安顺</div><div class="item city-item" data-name="macau">澳门</div>
                      </ul>
                 </li>
                 <li data-capital="B" id="B">
                      <div class="capital">B</div>
                      <ul class="items">
                        <div class="item city-item" data-name="bangkok">曼谷</div><div class="item city-item" data-name="baoding">保定</div><div class="item city-item" data-name="baotou">包头</div><div class="item city-item" data-name="beihai">北海</div><div class="item city-item" data-name="beijing">北京</div><div class="item city-item" data-name="bengbu">蚌埠</div><div class="item city-item" data-name="benxi">本溪</div><div class="item city-item" data-name="binzhou">滨州</div>
                      </ul>
                </li>
                <li data-capital="C" id="C">
                      <div class="capital">C</div>
                      <ul class="items">
                        <div class="item city-item" data-name="changchun">长春</div><div class="item city-item" data-name="changsha">长沙</div><div class="item city-item" data-name="changshu">常熟</div><div class="item city-item" data-name="changzhou">常州</div><div class="item city-item" data-name="chengde">承德</div><div class="item city-item" data-name="chengdu">成都</div><div class="item city-item" data-name="chongqing">重庆</div>
                      </ul>
                </li>
                <li data-capital="D" id="D"> 
                      <div class="capital">D</div>
                      <ul class="items">
                        <div class="item city-item" data-name="dalian">大连</div><div class="item city-item" data-name="daqing">大庆</div><div class="item city-item" data-name="deyang">德阳</div><div class="item city-item" data-name="dezhou">德州</div><div class="item city-item" data-name="dongguan">东莞</div><div class="item city-item" data-name="dongying">东营</div>
                      </ul>
                </li>
                <li data-capital="F" id="F">
                      <div class="capital">F</div>
                      <ul class="items">
                        <div class="item city-item" data-name="foshan">佛山</div><div class="item city-item" data-name="fushun">抚顺</div><div class="item city-item" data-name="fuzhou">福州</div>
                      </ul>
                </li>
                <li data-capital="G" id="G">
                      <div class="capital">G</div>
                      <ul class="items">
                        <div class="item city-item" data-name="ganzhou">赣州</div><div class="item city-item" data-name="guangan">广安</div><div class="item city-item" data-name="guangxiyulin">玉林</div><div class="item city-item" data-name="guangzhou">广州</div><div class="item city-item" data-name="guilin">桂林</div><div class="item city-item" data-name="guiyang">贵阳</div>
                      </ul>
                </li>
                <li data-capital="H" id="H">
                      <div class="capital">H</div>
                      <ul class="items">
                        <div class="item city-item" data-name="haerbin">哈尔滨</div><div class="item city-item" data-name="haikou">海口</div><div class="item city-item" data-name="handan">邯郸</div><div class="item city-item" data-name="hangzhou">杭州</div><div class="item city-item" data-name="hefei">合肥</div><div class="item city-item" data-name="hengshui">衡水</div><div class="item city-item" data-name="hengyang">衡阳</div><div class="item city-item" data-name="heyuan">河源</div><div class="item city-item" data-name="huaian">淮安</div><div class="item city-item" data-name="huanggang">黄冈</div><div class="item city-item" data-name="huhehaote">呼和浩特</div><div class="item city-item" data-name="huizhou">惠州</div><div class="item city-item" data-name="huzhou">湖州</div>
                      </ul>
                </li>
                <li data-capital="J" id="J">
                      <div class="capital">J</div>
                      <ul class="items">
                        <div class="item city-item" data-name="jiangmen">江门</div><div class="item city-item" data-name="jiangxiyichun">宜春</div><div class="item city-item" data-name="jiaxing">嘉兴</div><div class="item city-item" data-name="jilin">吉林</div><div class="item city-item" data-name="jinan">济南</div><div class="item city-item" data-name="jingzhou">荆州</div><div class="item city-item" data-name="jinhua">金华</div><div class="item city-item" data-name="jining">济宁</div><div class="item city-item" data-name="jiujiang">九江</div>
                      </ul>
                </li>
                <li data-capital="K" id="K">
                      <div class="capital">K</div>
                      <ul class="items">
                        <div class="item city-item" data-name="kunming">昆明</div><div class="item city-item" data-name="kunshan">昆山</div>
                      </ul>
                </li>
                <li data-capital="L" id="L">
                      <div class="capital">L</div>
                      <ul class="items">
                        <div class="item city-item" data-name="langfang">廊坊</div><div class="item city-item" data-name="lanzhou">兰州</div><div class="item city-item" data-name="lasvegas">拉斯维加斯</div><div class="item city-item" data-name="leshan">乐山</div><div class="item city-item" data-name="lianyuangang">连云港</div><div class="item city-item" data-name="liaocheng">聊城</div><div class="item city-item" data-name="linyi">临沂</div><div class="item city-item" data-name="lishui">丽水</div><div class="item city-item" data-name="liuzhou">柳州</div><div class="item city-item" data-name="luoyang">洛阳</div>
                      </ul>
                </li>
                <li data-capital="M" id="M">
                      <div class="capital">M</div>
                      <ul class="items">
                        <div class="item city-item" data-name="maanshan">马鞍山</div><div class="item city-item" data-name="maoming">茂名</div><div class="item city-item" data-name="mianyang">绵阳</div><div class="item city-item" data-name="moscow">莫斯科</div><div class="item city-item" data-name="mudanjiang">牡丹江</div>
                      </ul>
                </li>
                <li data-capital="N" id="N">
                      <div class="capital">N</div>
                      <ul class="items">
                        <div class="item city-item" data-name="nanchang">南昌</div><div class="item city-item" data-name="nanjing">南京</div><div class="item city-item" data-name="nanning">南宁</div><div class="item city-item" data-name="nantong">南通</div><div class="item city-item" data-name="ningbo">宁波</div>
                      </ul>
                </li>
                <li data-capital="P" id="P">
                      <div class="capital">P</div>
                      <ul class="items">
                        <div class="item city-item" data-name="pingxiang">萍乡</div>
                      </ul>
                </li>
                <li data-capital="Q" id="Q">
                      <div class="capital">Q</div>
                      <ul class="items">
                        <div class="item city-item" data-name="qianjiang">潜江</div><div class="item city-item" data-name="qingdao">青岛</div><div class="item city-item" data-name="qingyuan">清远</div><div class="item city-item" data-name="qinhuangdao">秦皇岛</div><div class="item city-item" data-name="quanzhou">泉州</div>
                      </ul>
                </li>
                <li data-capital="R" id="R">
                      <div class="capital">R</div>
                      <ul class="items">
                        <div class="item city-item" data-name="rizhao">日照</div><div class="item city-item" data-name="russia">俄罗斯</div>
                      </ul>
                </li>
                <li data-capital="S" id="S">
                      <div class="capital">S</div>
                      <ul class="items">
                        <div class="item city-item" data-name="sanya">三亚</div><div class="item city-item" data-name="shanghai">上海</div><div class="item city-item" data-name="shantou">汕头</div><div class="item city-item" data-name="shaoxing">绍兴</div><div class="item city-item" data-name="shenyang">沈阳</div><div class="item city-item" data-name="shenzhen">深圳</div><div class="item city-item" data-name="shijiazhuang">石家庄</div><div class="item city-item" data-name="singapore">新加坡</div><div class="item city-item" data-name="suining">遂宁</div><div class="item city-item" data-name="suzhou">苏州</div>
                      </ul>
                </li>
                <li data-capital="T" id="T">
                      <div class="capital">T</div>
                      <ul class="items">
                        <div class="item city-item" data-name="taian">泰安</div><div class="item city-item" data-name="taiyuan">太原</div><div class="item city-item" data-name="taizhou">泰州</div><div class="item city-item" data-name="tangshan">唐山</div><div class="item city-item" data-name="tianjin">天津</div>
                      </ul>
                </li>
                <li data-capital="W" id="W">
                      <div class="capital">W</div>
                      <ul class="items">
                        <div class="item city-item" data-name="weifang">潍坊</div><div class="item city-item" data-name="weihai">威海</div><div class="item city-item" data-name="wenzhou">温州</div><div class="item city-item" data-name="wuhan">武汉</div><div class="item city-item" data-name="wuhu">芜湖</div><div class="item city-item" data-name="wulumuqi">乌鲁木齐</div><div class="item city-item" data-name="wuxi">无锡</div><div class="item city-item" data-name="wuzhou">梧州</div>
                      </ul>
                </li>
                <li data-capital="X" id="X">
                      <div class="capital">X</div>
                      <ul class="items">
                        <div class="item city-item" data-name="xiamen">厦门</div><div class="item city-item" data-name="xian">西安</div><div class="item city-item" data-name="hongkong">香港</div><div class="item city-item" data-name="xuzhou">徐州</div>
                      </ul>
                </li>
                <li data-capital="Y" id="Y">
                      <div class="capital">Y</div>
                      <ul class="items">
                        <div class="item city-item" data-name="yancheng">盐城</div><div class="item city-item" data-name="yangzhou">扬州</div><div class="item city-item" data-name="yantai">烟台</div><div class="item city-item" data-name="yibin">宜宾</div><div class="item city-item" data-name="yichang">宜昌</div><div class="item city-item" data-name="yinchuan">银川</div><div class="item city-item" data-name="yingkou">营口</div><div class="item city-item" data-name="yiwu">义乌</div><div class="item city-item" data-name="yulin">榆林</div>
                      </ul>
                </li>
                <li data-capital="Z" id="Z">
                      <div class="capital">Z</div>
                      <ul class="items">
                        <div class="item city-item" data-name="zaozhuang">枣庄</div><div class="item city-item" data-name="zhangjiakou">张家口</div><div class="item city-item" data-name="zhangqiu">章丘</div><div class="item city-item" data-name="zhanjiang">湛江</div><div class="item city-item" data-name="zhaoqing">肇庆</div><div class="item city-item" data-name="zhejiangtaizhou">台州</div><div class="item city-item" data-name="zhengzhou">郑州</div><div class="item city-item" data-name="zhenjiang">镇江</div><div class="item city-item" data-name="zhongshan">中山</div><div class="item city-item" data-name="zhoushan">舟山</div><div class="item city-item" data-name="zhuhai">珠海</div><div class="item city-item" data-name="zhuzhou">株洲</div><div class="item city-item" data-name="zibo">淄博</div><div class="item city-item" data-name="zigong">自贡</div><div class="item city-item" data-name="zunyi">遵义</div>
                      </ul>
                    </li>
                </ul>
              </div>
            </div>
    </div>
</body>
</html>
<script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
    var oTj = $("#J").offset().top
    $("#j").click(function() {
        
    $(".hot-cities").animate({
    scrollTop: oTj-$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
    return false;
    });



    $("#a").click(function() {
        
    $(".hot-cities").animate({
    scrollTop: $("#A").offset().top-$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
    return false;
    });



    var oTb =  $("#B").offset().top

    $("#b").click(function() {
        
    $(".hot-cities").animate({
    scrollTop: oTb -$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
    return false;
    });


    var oTc = $("#C").offset().top
    $("#c").click(function() {
        
    $(".hot-cities").animate({
    scrollTop: oTc -$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
    return false;
    });


    var oTd = $("#D").offset().top

    $("#d").click(function() {
        
    $(".hot-cities").animate({
    scrollTop: oTd-$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
    return false;
    });

    var oTf = $("#F").offset().top

    $("#f").click(function() {
        
    $(".hot-cities").animate({
    scrollTop: oTf - $('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
    return false;
    });

    var oTg = $("#G").offset().top

    $("#g").click(function() {
        
    $(".hot-cities").animate({
    scrollTop:oTg -$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
    return false;
    });


    var oTh = $("#H").offset().top

    $("#h").click(function() {
        
    $(".hot-cities").animate({
    scrollTop: oTh-$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
    return false;
    });

    var oTk = $("#K").offset().top

    $("#k").click(function() {
        
    $(".hot-cities").animate({
    scrollTop:oTk -$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
    return false;
    });


    var oTl = $("#L").offset().top
    $("#l").click(function() {
        
    $(".hot-cities").animate({
    scrollTop: oTl-$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
    return false;
    });


    var oTm = $("#M").offset().top
    $("#m").click(function() {
        
    $(".hot-cities").animate({
    scrollTop: oTm-$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
    return false;
    });

    var oTn = $("#N").offset().top

    $("#n").click(function() {
        
    $(".hot-cities").animate({
    scrollTop: oTn-$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
    return false;
    });

    var oTp = $("#P").offset().top
    $("#p").click(function() {
        
    $(".hot-cities").animate({
    scrollTop: oTp-$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
    return false;
    });



    var oTq = $("#Q").offset().top
    $("#q").click(function() {
        
    $(".hot-cities").animate({
    scrollTop: oTq-$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
    return false;
    });

    var oTr = $("#R").offset().top
    $("#r").click(function() {
        
    $(".hot-cities").animate({
    scrollTop: oTr-$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
    return false;
    });


    var oTs = $("#S").offset().top
    $("#s").click(function() {
        
    $(".hot-cities").animate({
    scrollTop: oTs-$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
    return false;
    });


    var oTt = $("#T").offset().top
    $("#t").click(function() {
        
    $(".hot-cities").animate({
    scrollTop: oTt-$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
    return false;
    });

    var oTw = $("#W").offset().top
    $("#w").click(function() {
        
    $(".hot-cities").animate({
    scrollTop: oTw-$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
    return false;
    });


    var oTx = $("#X").offset().top
    $("#x").click(function() {
        
    $(".hot-cities").animate({
    scrollTop: oTx-$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
    return false;
    });

    var oTy = $("#Y").offset().top
    $("#y").click(function() {
        
    $(".hot-cities").animate({
    scrollTop: oTy-$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
    return false;
    });

    var oTz = $("#Z").offset().top
    $("#z").click(function() {
        
    $(".hot-cities").animate({
    scrollTop: oTz-$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
    return false;
    });


    $('.citylist').css({'display':'none'})



    var num = 0

    $('.city-name').click(function(){
        if (num == 0) {
            num=1
        $('.citylist').css({'display':'block'})
       }else{
        num = 0
        $('.citylist').css({'display':'none'})
       }
    })





    $('.asdf>li').click(function(){
        $('.selected').html($(this).html()) 
        $('.city-name').html($(this).html())
        $('.citylist').css({'display':'none'})      
    })
</script>
